﻿jQuery(function($){
	var chart;
	$(document).ready(function() {
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'chart-col',
                type: 'column',
				backgroundColor: null,
				spacingRight: 20,
				style: {
					fontFamily: '"Tahoma", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif'
				}
            },
            title: {
                text: ''
            },
            xAxis: {
                categories: [
                    '1',
                    '2',
                    '3',
                    '4',
					'5'
                ]
            },
            yAxis: {
                min: 0,
                title: {
                    text: ''
                }
            },
            legend: {
                backgroundColor: '#FFFFFF',
                shadow: true
            },
            tooltip: {
				 formatter: function() {
                    return '<b>'+ this.series.name +'</b><br/>'+
                        this.y ;
                }
            },
            plotOptions: {
                column: {
                    pointPadding: 0.2,
                    borderWidth: 0
                }
            },
                series: [{
                name: 'Visits',
                data: [4900, 7100, 1900, 1800]
    
            }, {
                name: 'Pageviews',
                data: [2000, 6000, 3000, 8000]
    
            }, {
                name: 'Visitors',
                data: [4000, 2100, 6000, 5500]
    
            }],
			credits: {
				enabled: false
			}
        });
    });
});
